<template>
    <div class="app">
        <Header/>
        <div class="back">
            <div class="con">
              <div class="pxes"></div>
              <div class="listneo">
                <coreL/>
                <div class="datare">
                  <div class="ra">我的积分</div>
                   <div class="asdasda">　　　更多积分</div>
                   <div class="wiinenennn">通过以下方式，可以获得更多积分哦！</div>
                   <div>
                     <ul class="oointo">
                       <li v-for="(list,index) in inuser" :key="index">
                         <div class="dieiio">
                           <div>{{list.pointsTypeName}}</div>
                           <div>{{list.pointsNumber}}积分</div>
                         </div>
                       </li>
                     </ul>
                   </div>
                </div>
              </div>
              <coreF/>
            </div>
        </div>
        <Footer/>
    </div>
</template>
<script>
import Header from '@/components/Header'
import Footer from '@/components/Footer'
import coreL from '@/components/coreL'
import coreF from '@/components/coreF'
import axios from 'axios'
export default {
    components: {
    Header,
    Footer,
    coreL,
    coreF
    },
    data() {
      return {
       inuser:''
      }

    },
    mounted() {
      this.userdata()
    },
    methods: {
      userdata() {
        let what = this
        axios({
          method: 'get',
          url:'http://47.105.66.232:8066/base/umsPointsType/findAll',
        })
        .then(res=> {
          this.inuser = res.data.body
          console.log(res.data.body)
        })
      },
    },
}
</script>
<style scoped>
.app  /deep/  .ist_l .ist_c li:nth-child(2) {
    background-color: #ff9381;
    width: 126px;
    height: 50px;
    display: block;
}
.app  /deep/ .jifen a {
      color: #ff9381;
}
.flex_lr {
  display: flex;
  justify-content: space-between;
}
.box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.back {
    background-color: #f06048
}
.pxes {
  height: 15px;
}
.back .con {
  width: 1200px;
  margin: 0 auto;
  background-color: #eee
}
.listneo {
  width: 1161px;
  margin: 0px auto;
  display: flex;
  justify-content: space-between;
}
.datare {
  width: 930px;
  border-radius: 6px;
  background-color: #fff
}

.datare .ra {
  font-size: 20px;
  color: #fff;
  text-align: center;
  line-height: 43px;
  margin-left: 14px;
  position: relative;
  top: 15px;
  width: 192px;
	height: 43px;
	background-color: #f06048;
	box-shadow: 0px 4px 2px 0px
		rgba(70, 23, 15, 0.38);
	border-radius: 0px 0px 20px 20px;
}
.asdasda {
  font-family: SourceHanSansCN-Regular;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #434343;
  border-bottom: 1px solid #dcdcdc;
  margin-top: 20px;
    line-height: 46px;
    color: #434343
}
.wiinenennn {
  	font-family: SourceHanSansCN-Regular;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #f06048;
      margin-top: 20px;
    margin-left: 59px;
}
.dieiio {
  width: 350px;
  display: flex;
    justify-content: space-between;
}
.dieiio div {
  	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #434343;
}
.oointo {
    margin-top: 20px;
    margin-left: 57px;
    line-height: 31px;
}
</style>
